<!DOCTYPE html>
<html lang="en">
<head>
<title>Blog</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>

<script src="js/script.js"></script> 
<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>

<script src="js/jquery.ui.totop.js"></script>
<script src="js/tweens.js"></script>

<script>
 $(window).load(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });
  
 }); 
</script>
<!--[if lt IE 8]>
 <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
     <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>

<body>
  <div class="main">
<!--==============================
              header
=================================-->
  <header>
<section id="stuck_container">
  <!--==============================
              Stuck menu
  =================================-->
    <div class="container">
      <div class="row">
        <div class="grid_12 rel">
          <h1>
            <a href="index.html">
              <img src="images/logo.png" alt="Logo alt">
            </a>
          </h1>
           <form id="search" action="search.php" method="GET">
            <div class="rel">
              <label>
                <input type="text" name="s" value="">
              </label>
              <a onClick="document.getElementById('search').submit()" class="fa  fa-search"></a>
            </div>
             <div class="clear"></div>
           </form>
          <div class="navigation ">
            <nav>
              <ul class="sf-menu">
               <li><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About Us</a>
                 <ul>
                    <li><a href="#">Vestibulum iaculis</a></li>
                    <li><a href="#">Fusce euismod conuat</a>
                      <ul>
                        <li><a href="#">Pellentesque sed</a></li>
                        <li><a href="#">Aliquam congue ferm</a></li>
                        <li><a href="#">Mauris accum</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pellentesque</a></li>
                 </ul>
               </li>
               <li><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li class="current"><a href="index-5.html">Blog</a></li>
             </ul>
            </nav>
        
            <div class="clear"></div>
          </div>       
         <div class="clear"></div>  
        </div>
     </div> 
    </div> 
    </section>
  </header>

<!--=====================
          Content
======================-->
<section class="content">
  <div class="container">
    <div class="row">
      <div class="grid_8">
        <h3>blog</h3>
        <div class="post blog anim_left1">
          <time datetime="2014-01-01"><span class="color3">17</span>dec, 2014</time>
          <div class="extra_wrapper">
            <h3><a href="#">Aenean nonummy hendrerit mauris.</a></h3>
            <ul class="blog_links">
              <li><a href="#">By admin</a></li>
              <li><a href="#">Web, news</a></li>
              <li><a href="#">2 comments</a></li>
            </ul>
          </div>
          <div class="clear"></div>
          <img src="images/page6_img1.jpg" alt="" class="img_inner fleft">
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi aenean nec.</a></div>
            <p>Laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur. </p>
            Dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
            <br>
             <a href="#" class="btn"><span data-content="Learn more ">Learn more </span>
            <div class="fa fa-angle-double-right"></div>
          </a>
          </div>
        </div>
        <div class="post blog anim_left2">
          <time datetime="2014-01-01"><span class="color3">14</span>dec, 2014</time>
          <div class="extra_wrapper">
            <h3><a href="#">Phasellus porta Fusce suscipit varius mi.</a></h3>
            <ul class="blog_links">
              <li><a href="#">By admin</a></li>
              <li><a href="#">Web, news</a></li>
              <li><a href="#">2 comments</a></li>
            </ul>
          </div>
          <div class="clear"></div>
          <img src="images/page6_img2.jpg" alt="" class="img_inner fleft">
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Facilisi aenean nec eros. Vestibulum ante ipsum primis in faucibus orci. </a></div>
            <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur. Dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet. </p>
            Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 
            <br> <a href="#" class="btn"><span data-content="Learn more ">Learn more </span>
            <div class="fa fa-angle-double-right"></div>
          </a>
          </div>
        </div>
        <div class="post blog anim_left3">
          <time datetime="2014-01-01"><span class="color3">12</span>dec, 2014</time>
          <div class="extra_wrapper">
            <h3><a href="#">Cum sociis natoque penatibus et magnis.</a></h3>
            <ul class="blog_links">
              <li><a href="#">By admin</a></li>
              <li><a href="#">Web, news</a></li>
              <li><a href="#">2 comments</a></li>
            </ul>
          </div>
          <div class="clear"></div>
          <img src="images/page6_img3.jpg" alt="" class="img_inner fleft">
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Luctus et ultrices posuere cubilia Curae suspendisse sollicitudin.</a></div>
            <p>Dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet. Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt. </p>
            Labore et dolore magnam aliquam quaerat volup tatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit.
            <br> <a href="#" class="btn"><span data-content="Learn more ">Learn more </span>
            <div class="fa fa-angle-double-right"></div>
          </a>
          </div>
        </div>
      </div>
      <div class="grid_4 anim_right">
        <div class="">
        <h3 class="anim_top1">CATEGORIES</h3>
        <ul class="list l__2">
          <li><a href="#">Malesuada at neque vivamus eget nibh </a></li>
          <li><a href="#">Cursus leo vel metus nulla facilisi </a></li>
          <li><a href="#">Aenean nec eros vestibulum ante ipsum </a></li>
          <li><a href="#">Faucibus orci luctus et ultrices pos cubilia  </a></li>
          <li><a href="#">Suspendisse sollicitudin velit sed leo </a></li>
          <li><a href="#">Pharetra augue nec augue nam elit mag </a></li>
          <li><a href="#">Hendrerit sit amet tincidunt ac viverra sed </a></li>
          <li><a href="#">Donec porta diam eu massa quisque diam </a></li>
          <li><a href="#">Lorem interdum vitae dapibus ac scelerisque </a></li>
          <li><a href="#">Donec in velit vel ipsum auctor pulvinar </a></li>
          <li><a href="#">Proin ullamcorper urna et felis vestibulum </a></li>
        </ul>
        </div>
        <h3 class="head1 anim_top">poll</h3>
        <div class="text1"><a href="#">What do you think about us?</a></div>
        <ul class="rate">
          <li>
            <span>Super</span>
            <span>39%</span>
            <div class="scale">
              <div>
                <div class="prog w39"></div>
              </div>
            </div>
          </li>
          <li>
            <span>Good </span>
            <span>31%</span>
            <div class="scale">
              <div>
                <div class="prog w31"></div>
              </div>
            </div>
          </li>
          <li>
            <span>Normal</span>
            <span>20%</span>
            <div class="scale">
              <div>
                <div class="prog w20"></div>
              </div>
            </div>
          </li>
          <li>
            <span>Bad</span>
            <span>11%</span>
            <div class="scale">
              <div>
                <div class="prog w11"></div>
              </div>
            </div>
          </li>
        </ul>
        <div class="color1">Total votes: 2192</div>
        <a href="#" class="btn">
          <span data-content="older polls ">older polls  </span>
          <div class="fa fa-angle-double-right"></div>
        </a>
      </div>
    </div>
  </div>
</section>
<!--==============================
              footer
=================================-->
<footer id="footer">
  <div class="footer_top">
    <div class="container">
      <div class="row">
        <div class="grid_5 anim_left">
          <h4>Get in touch</h4>
          <div class="row">
            <div class="grid_3">
              <address class="f_address">
                <p>8901 Marmora Road <br>
                Glasgow, DO4 89GR.<br>
                <span>Freephone:</span>  +1 800 559 6580<br>
                <span>Telephone:</span>   +1 959 603 6035<br>
                <span>FAX:</span>            + 1 504 889 9898</p>

                E-mail: <a href="#">mail@demolink.org</a>
              </address>
            </div>
            <div class="grid_2">
              <ul class="f_menu">
               <li><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About us</a></li>
               <li><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li class="current"><a href="index-5.html">Blog</a></li>
             </ul>
            </div>
          </div>
        </div>
        <div class="grid_4 ">
          <h4>Follow us</h4>
          <div class="footer_socials">
            <a href="#" class="fa fa-google-plus"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-pinterest"></a>
            <a href="#" class="fa fa-linkedin"></a>
          </div>
        </div>
        <div class="grid_3 anim_right">
          <h4>Join our newsletter</h4>
          
          <p>And always stay informed of the latest science news and events!</p>
          <a href="#" class="btn"><span data-content="Sign up">Sign up</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="grid_12">  
         <div class="copyright"> &copy; <span id="copyright-year"></span> Science Lab.  <a href="index-6.html">Privacy Policy</a> 
         </div>
      </div>
    </div>
  </div>  
</footer>
</div>
</body>
</html>

